Chakra UI 導入
$ yarn add @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^6
extendTheme
これだとだめ
code:theme/index.ts
import { extendTheme } from "@chakra-ui/react";
const hogehoge = {
fonts: {
body: "brandon-grotesque, sans-serif",
heading: "brandon-grotesque, sans-serif",
mono: "Menlo, monospace",
},
fontSizes: {
"2xs": "0.625rem",
},
};
const overrides = {
hogehoge,
};
export default extendTheme(overrides);
これだとうごく
code:theme/index.ts
import { extendTheme } from "@chakra-ui/react";
const overrides = {
fonts: {
body: "brandon-grotesque, sans-serif",
heading: "brandon-grotesque, sans-serif",
mono: "Menlo, monospace",
},
fontSizes: {
"2xs": "0.625rem",
},
};
export default extendTheme(overrides);
かいてあることは同じなのに...